<template>
  <div>
    <!-- 使用 v-for 循环创建 10 个下拉框 -->
    <template>
    <el-table
      :data="tableData"
      style="width: 100%">
      <el-table-column
        prop="date"
        label="日期"
        width="180">
        <el-select
      v-model="values"
      placeholder="请选择"
    >
      <el-option
        v-for="option in options"
        :key="option.value"
        :label="option.label"
        :value="option.value"
      >
      </el-option>
    </el-select>
      </el-table-column>
      
    </el-table>
  </template>
    
  </div>
</template>

<script>
export default {
  data() {
    return {
      // 初始化一个包含 10 个 null 的数组，用于存储每个下拉框的选中值
      values: '',
      // 定义下拉框的选项
      options: [
        { value: 'option1', label: '选项1' },
        { value: 'option2', label: '选项2' },
        { value: 'option3', label: '选项3' }
      ],
      tableData: [{
            date: '2016-05-02',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1518 弄'
          }, {
            date: '2016-05-04',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1517 弄'
          }, {
            date: '2016-05-01',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1519 弄'
          }, {
            date: '2016-05-03',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1516 弄'
          }]
    };
  }
};
</script>